<meta charset="utf-8">
<style>
        
 div{
  width:100px;
 
        height:100px;
 
        background: pink;
  
        text-align: center;
 
        line-height:100px;
 
        float:left;  
        margin:10px;
  
        font-size:24px;

        color:yellow;

        transition:all .6s;
  
        border-radius:0px;
        }
        
div:hover{
 background:red;
    
            color:pink;

                font-size:30px;
 
                border-radius:50%;
        }
   
 </style>
 
<script>
       var sfjc=[
"皖",
"京",
"津",
"冀",
"晋",
"内蒙古",
"辽",
"吉",
"黑",
"沪",
"苏",
"浙",
"闽",
"赣",
"鲁",
"豫",
"鄂",
"湘",
"粤",
"桂",
"琼",
"川或蜀",
"贵或黔",
"云或滇",
"渝",
"藏",
"陕或秦",
"甘或陇",
"青",
"宁",
"新",
"港",
"澳",
"台"];
 for(var i=0;i<sfjc.length;i++){
    document.write("<div>"+sfjc[i]+"</div>");
}
</script>
